
.ui-widget-content {
    border-color: #e5e5e5;
    background-color: #fff;
    color: #444;
}

    .ui-widget-content a {
        color: #444;
    }

.ui-widget-header {
    border-color: #e5e5e5;
    background-color: #f5f5f5;
    color: #666;
}

    .ui-widget-header a {
        color: #555;
    }

.f-accordion > .f-panel-body {
    background-color: #f5f5f5;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: #e5e5e5;
    background-color: #f5f5f5;
    color: #444;
}

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
    }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-color: #6ea6cc;
    background-color: #f1f8fd;
    color: #2b7dbc;
}

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited {
        color: #2b7dbc;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border-color: #c5c5c5;
    background-color: #eef4f9;
    color: #2b7dbc;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #2b7dbc;
    }


.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border-color: #BF8A8A;
    background-color: #fff;
    color: #000;
}

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
    }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border-color: #ffa8a8;
    background-color: #fff8f8;
    color: #000;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #000;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: alpha(opacity=50);
    }


.ui-icon,
.ui-widget-content .ui-icon {
    color: #888;
}

.ui-widget-header .ui-icon {
    color: #888;
}

.ui-state-default .ui-icon {
    color: #888;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    color: #6ea6cc;
}

.ui-state-active .ui-icon {
    color: #2b7dbc;
}

.ui-state-highlight .ui-icon {
    color: #888;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    color: #ff6c6c;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}


/* Special Styles */
.f-tab-header.ui-state-active {
    background-color: #fff;
}

.f-tab-header.ui-state-active,
.f-tab-header.ui-state-hover {
    border-color: #e5e5e5;
}

.f-grid-colheader.ui-state-hover,
.f-grid-colheader.ui-state-hover .f-grid-colheader-trigger {
    border-color: #e5e5e5;
}


.f-grid-selectedcell-border {
    border-color: #d5d5d5 !important;
}

.f-grid-row-lines .f-grid-cell,
.f-grid-column-lines .f-grid-cell,
.f-grid-row-lines .f-grid-rowexpander > td {
    border-color: #e5e5e5 !important;
}

.ui-widget-header.f-mainheader {
    border-color: #fff;
    background-color: #438eb9;
    color: #fff;
}

    .ui-widget-header.f-mainheader a,
    .ui-widget-header.f-mainheader .ui-icon {
        color: #fff;
    }

.ui-widget-header.f-subheader {
    background-color: #fff;
}

.f-window {
    border-style: solid;
    border-width: 4px;
    border-color: #4491D3;
}

    .f-window > .f-panel-header {
        border-color: #4491D3;
        background-color: #4491D3;
        color: #fff;
    }

        .f-window > .f-panel-header .ui-icon {
            color: #fff !important;
        }

.f-btn {
    border-width: 3px;
    border-style: solid;
    transition: all 0.15s ease 0s;
    padding: 2px 8px;
}


    .f-btn .ui-icon {
        color: #888;
    }

    .f-btn.ui-state-default .ui-icon,
    .f-btn.ui-state-active .ui-icon,
    .f-btn.ui-state-hover .ui-icon,
    .f-btn.ui-state-focus .ui-icon {
        color: #fff !important;
    }

    .f-btn .f-btn-text {
        color: #fff;
    }

    .f-btn.ui-state-default {
        background-color: #428bca;
        border-color: #428bca;
    }

    .f-btn.ui-state-hover,
    .f-btn.ui-state-focus {
        background-color: #1b6aaa;
        border-color: #428bca;
    }

    .f-btn.ui-state-active {
        background-color: #428bca;
        border-color: #1b6aaa;
    }

    .f-btn.f-btn-gray.ui-state-default {
        background-color: #abbac3;
        border-color: #abbac3;
    }

    .f-btn.f-btn-gray.ui-state-hover,
    .f-btn.f-btn-gray.ui-state-focus {
        background-color: #8b9aa3;
        border-color: #abbac3;
    }

    .f-btn.f-btn-gray.ui-state-active {
        background-color: #abbac3;
        border-color: #8b9aa3;
    }

    .f-btn.f-btn-info.ui-state-default {
        background-color: #6fb3e0;
        border-color: #6fb3e0;
    }

    .f-btn.f-btn-info.ui-state-hover,
    .f-btn.f-btn-info.ui-state-focus {
        background-color: #4f99c6;
        border-color: #6fb3e0;
    }

    .f-btn.f-btn-info.ui-state-active {
        background-color: #6fb3e0;
        border-color: #4f99c6;
    }

    .f-btn.f-btn-success.ui-state-default {
        background-color: #87b87f;
        border-color: #87b87f;
    }

    .f-btn.f-btn-success.ui-state-hover,
    .f-btn.f-btn-success.ui-state-focus {
        background-color: #629b58;
        border-color: #87b87f;
    }

    .f-btn.f-btn-success.ui-state-active {
        background-color: #87b87f;
        border-color: #629b58;
    }

    .f-btn.f-btn-warning.ui-state-default {
        background-color: #ffb752;
        border-color: #ffb752;
    }

    .f-btn.f-btn-warning.ui-state-hover,
    .f-btn.f-btn-warning.ui-state-focus {
        background-color: #e59729;
        border-color: #ffb752;
    }

    .f-btn.f-btn-warning.ui-state-active {
        background-color: #ffb752;
        border-color: #e59729;
    }

    .f-btn.f-btn-danger.ui-state-default {
        background-color: #d15b47;
        border-color: #d15b47;
    }

    .f-btn.f-btn-danger.ui-state-hover,
    .f-btn.f-btn-danger.ui-state-focus {
        background-color: #b74635;
        border-color: #d15b47;
    }

    .f-btn.f-btn-danger.ui-state-active {
        background-color: #d15b47;
        border-color: #b74635;
    }

    .f-btn.f-btn-inverse.ui-state-default {
        background-color: #555;
        border-color: #555;
    }

    .f-btn.f-btn-inverse.ui-state-hover,
    .f-btn.f-btn-inverse.ui-state-focus {
        background-color: #303030;
        border-color: #555;
    }

    .f-btn.f-btn-inverse.ui-state-active {
        background-color: #555;
        border-color: #303030;
    }



.f-accordionpane-selected > .f-accordionpane-header,
.f-accordionpane-hover > .f-accordionpane-header {
    background-color: #fff;
    color: #2b7dbc;
}

    .f-accordionpane-selected > .f-accordionpane-header .ui-icon,
    .f-accordionpane-hover > .f-accordionpane-header .ui-icon {
        color: #2b7dbc;
    }

/*
    .f-accordionpane-selected > .f-accordionpane-header:before,
    .f-accordionpane-hover > .f-accordionpane-header:before {
        display: block;
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        left: 0;
        width: 2px;
        max-width: 2px;
        overflow: hidden;
        background-color: #3382af;
    }
*/

.f-accordionpane > .f-panel-header > .f-panel-tools > .f-tool.f-toolicon-toggle .ui-icon {
    font-size: 18px;
}

    .f-accordionpane > .f-panel-header > .f-panel-tools > .f-tool.f-toolicon-toggle .ui-icon:before {
        content: "\f106";
    }

.f-accordionpane.f-panel-collapsed > .f-panel-header > .f-panel-tools .f-tool.f-toolicon-toggle .ui-icon:before {
    content: "\f107";
}

.f-accordion.f-accordion-theme-simple > .f-panel-body {
    background-color: #fff;
}

.f-accordion.f-accordion-theme-simple .f-accordionpane {
    margin-bottom: 5px;
    border-bottom-width: 0 !important;
}

    .f-accordion.f-accordion-theme-simple .f-accordionpane .f-accordionpane-header {
        border-width: 0 0 0 1px !important;
        border-color: #d9d9d9;
        border-style: solid;
        background-color: #f3f3f3;
    }

    .f-accordion.f-accordion-theme-simple .f-accordionpane.f-accordionpane-hover .f-accordionpane-header {
        background-color: #f6f6f6;
    }

    .f-accordion.f-accordion-theme-simple .f-accordionpane.f-accordionpane-selected .f-accordionpane-header {
        border-left-width: 2px !important;
        border-color: #6eaed1;
        background-color: #edf3f7;
    }

.ui-widget-header.f-mainheader .f-region-split-icon .ui-icon {
    color: #438EB9;
}

.f-grid-row-alt {
    background-color: #fcfcfc;
}

.f-tabstrip.f-tabstrip-theme-simple {
    border-width: 0;
}

    .f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header {
        background-color: #fff !important;
        border-left-width: 1px;
    }

        .f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header {
            background-color: #f5f5f5;
            border-top-width: 1px;
            border-color: #e5e5e5;
        }

            .f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header.ui-state-active {
                border-top-color: #4c8fbd !important;
                border-top-width: 2px;
                padding-top: 8px;
                background-color: #fff;
            }

    .f-tabstrip.f-tabstrip-theme-simple > .f-panel-body {
        border-color: #e5e5e5;
        border-width: 0 1px 1px 1px;
        border-style: solid;
    }


.f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-panel-body {
    border-top-width: 1px;
    border-bottom-width: 0;
}

.f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header {
    border-top-width: 0;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
}

    .f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header.ui-state-active {
        border-top-width: 0;
        padding-top: 10px;
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
        border-bottom-color: #4c8fbd !important;
        padding-bottom: 8px;
    }


/* compactMode */
.f-compactmode .f-btn {
    border-width: 2px;
    padding-top: 2px;
    padding-bottom: 1px;
}


/* Default Page CSS */
#header .icontopaction.download {
    background-color: #555;
}

    #header .icontopaction.download:hover {
        background-color: #4b4b4b;
    }

#header .icontopaction.nexttheme {
    background-color: #892e65;
}

    #header .icontopaction.nexttheme:hover {
        background-color: #762c59;
    }

#header .icontopaction.themes {
    background-color: #2e8965;
}

    #header .icontopaction.themes:hover {
        background-color: #2c7659;
    }

#header .userpicaction {
    background-color: #62a8d1;
}

    #header .userpicaction:hover {
        background-color: #579ec8;
    }
